<template>
	<div class="tree">
		<vue2-org-tree :data="data" :horizontal="false" @on-node-click="NodeClick" />
	</div>
</template>

<script>
	import { Dialog } from 'vant';
	export default {
		props:['data'],
		data() {
			return {
				
			};
		},
		created() {},
		methods: {
			NodeClick(e,data) {
				Dialog.alert({
				  message: data.label,
				}).then(() => {
				  // on close
				});
			}
		}
	};
</script>
<style>
	.tree {
		overflow: auto;
		scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
	}
	.tree::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}
	

	.org-tree-node-label .org-tree-node-label-inner {
		color: #fff;
		font-size: .3rem;
		background-color: #9299A4;
		display: block;
		width: .85rem;
		max-height: 2.3rem;
		padding: .2rem 0px;
		overflow: hidden;
	}
</style>
